{% extends 'base.html' %}

{% block title %}
爱家-注册
{% endblock %}

{% block extCSS %}
<link href="{{ url_for('static', filename='plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='plugins/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ url_for('static',filename='css/reset.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/ihome/main.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/ihome/register.css') }}" rel="stylesheet">
{% endblock %}


{% block content %}

<body>
<div class="container">
    <div class="logo-bar"><a href="/"><img src="/static/images/logo@128x59.png"></a></div>
    <form class="form-register" >
        <div class="form-group form-group-lg">
            <div class="input-group">
                <p style="color: red">{{msg}}</p>
                <div class="input-group-addon"><i class="fa fa-mobile fa-2x fa-fw"></i></div>
                <input type="number" class="form-control" name="mobile" id="mobile" placeholder="手机号" required>
            </div>
        </div>
        <div class="error-msg" id="mobile-err"><i class="fa fa-exclamation-circle"></i><span></span></div>

        <div class="error-msg" id="phone-code-err"><i class="fa fa-exclamation-circle"></i><span></span></div>
        <div class="form-group form-group-lg">
            <div class="input-group">
                <div class="input-group-addon"><i class="fa fa-lock fa-lg fa-fw"></i></div>
                <input type="password" class="form-control" name="password" id="password" placeholder="密码" required>
            </div>
        </div>
        <div class="error-msg" id="password-err"><i class="fa fa-exclamation-circle"></i><span></span></div>
        <div class="form-group form-group-lg">
            <div class="input-group">
                <div class="input-group-addon"><i class="fa fa-lock fa-lg fa-fw"></i></div>
                <input type="password" class="form-control" name="password2" id="password2" placeholder="确认密码" required>
            </div>
        </div>
        <div class="error-msg" id="password2-err"><i class="fa fa-exclamation-circle"></i><span></span></div>
        <button type="submit" class="btn btn-lg btn-theme btn-block">立即注册</button>
        <p class="login-a">已有账号，<a href="/user/login/">立即登陆</a></p>
    </form>
</div>
{% endblock %}

{% block extJS %}
<script src="{{ url_for('static', filename='js/jquery.min.js')}}"></script>
<script src="{{ url_for('static', filename='plugins/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/ihome/register.js') }}"></script>
{% endblock %}
